.header {
    display: flex;
    justify-content: space-between;
    background-color: red;
}
 .header .user {
     /* display: block; */
     height: .48rem;
     width: .48rem;
     background: url(../images/user.png) no-repeat center / .24rem .24rem;
 }
 .header .logo {
     /* display: block; */
     height: .48rem;
     width: .8rem;
     background: url(../images/logo.png) no-repeat center / .4rem .2rem;
 }
 .header .email {
     height: .48rem;
     line-height: .48rem;
}
.header .email img {
    width: .18rem;
    height: .14rem;
}

.tabbar {
    height: .46rem;
    background-color: sandybrown;
}
.tabbar ul {
    display: flex;
    justify-content: space-between;
    line-height: .46rem;
    font-size: .16rem;
}
.tabbar ul li {
    width: 25%;
    text-align: center;
    /*padding: 0 .3rem;*/
}

.title ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.title ul li {
    font-size: .16rem;
    width: 25%;
    text-align: center;
    padding: .1rem 0;
    /*padding: .1rem .2rem;*/
}

.content a {
    display: flex;
    justify-content: space-between;
    padding: .1rem;
}
.content a span {
    color: black;
    font-size: .16rem;
}
.content a img {
    /* display: block; */
    background-color: sandybrown;
    /* width: .8rem; */
    height: .73rem;
}

footer {
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
}
